<script lang="ts" setup>
import { ref } from 'vue';
import Show from './Show.vue';

import For from '@/pages/For.vue';
import Study_fordiv from '@/pages/Study_fordiv.vue';

let name="张三";

let name2=ref("里斯");

/*
登录显示
*/
let login=()=>{
    alert(name2.value);
}
</script>
<template>
    <div>
        <h1>你好{{name}}</h1>
        <h1>你也好{{name2}}</h1>
        <!-- v-model双向 -->
        <input v-model="name2"></input>
        <!-- :value单向 -->
        <input :value="name2"></input>

        <button v-on:click="login">登录</button>
        <!-- 简写 -->
        <button @click="login">登录</button>

        <show></show>

        <!-- <for></for> -->
        <study_fordiv></study_fordiv>
    </div>
</template>
<style scoped></style>